<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<base href="<%=basePath%>">
		<meta charset="utf-8" />
		<title></title>
		<meta name="description" content="overview & stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link href="static/css/bootstrap.min.css" rel="stylesheet" />
		<link href="static/css/bootstrap-responsive.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="static/css/font-awesome.min.css" />
		<!-- 下拉框 -->
		<link rel="stylesheet" href="static/css/chosen.css" />
		
		<link rel="stylesheet" href="static/css/ace.min.css" />
		<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
		<link rel="stylesheet" href="static/css/ace-skins.min.css" />
		
		<link rel="stylesheet" href="static/css/datepicker.css" /><!-- 日期框 -->
		<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.css" /><!-- 日期框 -->
		<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.css" /><!-- 日期框 -->
		<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="static/js/jquery.tips.js"></script>
		
<script type="text/javascript">
	
	
	//保存
	function save(){
		var selectValue=document.getElementById("status").value;
	if(selectValue=="1"){
	if($("#negotiate_title").val()==""){
			$("#negotiate_title").tips({
				side:3,
	            msg:'请输入',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#negotiate_title").focus();
			return false;
		}
		if($("#negotiate_time").val()==""){
			$("#negotiate_time").tips({
				side:3,
	            msg:'请输入',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#negotiate_time").focus();
			return false;
		}
		if($("#negotiate_content").val()==""){
			$("#negotiate_content").tips({
				side:3,
	            msg:'请输入',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#negotiate_content").focus();
			return false;
		}
		if($("#enclosure").val()==""){
			$("#enclosure").tips({
				side:3,
	            msg:'请输入',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#enclosure").focus();
			return false;
		}
	}
	if(selectValue==-1){
		if($("#failreason").val()==""){
			$("#failreason").tips({
				side:3,
	            msg:'请输入',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#failreason").focus();
			return false;
		}
	}
		$("#Form").submit();
		$("#zhongxin").hide();
		$("#zhongxin2").show();
	}
	
</script>
	</head>
<body>
	<form action="bochat/${msg }.do" name="Form" id="Form" method="post">
		<input type="hidden" name="negotiate_id" id="negotiate_id" value="${pd.negotiate_id}"/>
		<input type="hidden" name="bo_id" id="bo_id" value="${pd.bo_id}" />
		<table class="table">
			<tr>
				<td style="width:70px;text-align: right;padding-top: 13px;">洽谈结果:</td>
				<td>
				<select id="status" name="status" class="chzn-select" style="vertical-align:top;width: 220px;">
						<option  value="1" >洽谈成功</option>
						<option  value="-1">洽谈失败</option>
				</select>
				</td>
				</tr>
		</table>
		<div id="zhongxin">
		<div id="table_record" >
			<table id="table_record" class="table table-striped table-bordered table-hover">
				<tr>
					<td style="width:70px;text-align: right;padding-top: 13px;">洽谈标题:</td>
					<td><input type="text" name="negotiate_title" id="negotiate_title" value="${pd.negotiate_title}" maxlength="32" placeholder="这里输入" title=""/></td>
				</tr>
				<tr>
					<td style="width:90px;text-align: right;padding-top: 13px;">洽谈结束时间:</td>
					<td><input type="text" name="end_time" id="end_time" class="form_datetime"  readonly="readonly" value="${pd.end_time}" maxlength="32" placeholder="这里输入" title=""/></td>
				</tr>
				<tr>
					<td style="width:70px;text-align: right;padding-top: 13px;">洽谈内容:</td>
					<td><textarea rows="5" cols="5" name="negotiate_content" id="negotiate_content"  value="${pd.negotiate_content}"  placeholder="这里输入"></textarea></td>
				</tr>
				<tr>
				  
					<td style="width:70px;text-align: right;padding-top: 13px;">附件:</td>
					<td><input type="file" name="enclosure" id="enclosure" value="${pd.enclosure}" maxlength="32" placeholder="这里输入" title=""/></td>
				</tr>
				<tr>
					<td style="text-align: center;" colspan="10">
						<a class="btn btn-mini btn-primary" onclick="save();">添加</a>
						<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
					</td>
				</tr>
			</table>
		</div>
		<div  id="table_fail" style="display:none;">
			<table id="table_success" class="table table-striped table-bordered table-hover">
				<tr>
					<td style="width:90px;text-align: right;padding-top: 13px;">失败原因:</td>
					<td><textarea cols="5" rows="5"   name="failreason" id="failreason"  value="${pd.failreason}" maxlength="32" placeholder="这里输入" title=""></textarea></td>
				</tr>
				<tr>
					<td style="text-align: center;" colspan="10">
						<a class="btn btn-mini btn-primary" onclick="save();">保存</a>
						<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
					</td>
				</tr>
			</table>
		</div>
		</div>
		<div id="zhongxin2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
	</form>
	
	
		<!-- 引入 -->
		<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
		<script src="static/js/bootstrap.min.js"></script>
		<script src="static/js/ace-elements.min.js"></script>
		<script src="static/js/ace.min.js"></script>
		<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script><!-- 下拉框 -->
		<script type="text/javascript" src="static/js/bootstrap-datepicker.min.js"></script><!-- 日期框 -->
		<script type="text/javascript" src="static/js/bootstrap-datetimepicker.js"></script><!-- 日期框 -->
		<script type="text/javascript">
		$(top.hangge());
		$(function() {
				
			//单选框
			$(".chzn-select").chosen(); 
			$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
			
			//日期框
			
			$(".form_datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii',language:'cn',autoclose:'true'});
			
			$("#status").change(function(){
				if($("#status").val() ==  "1"){
					//显示
					$("#table_record").show();
				}else if($("#status").val() ==  "2"){
					//显示
					$("#table_record").hide();
					$("#table_fail").hide();
				}else if($("#status").val() =="-1"){
					$("#table_record").hide();
					$("#table_fail").show();
				}
			});
		});
		
		//日期框
	
		

		
		</script>
</body>
</html>